<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录</title>
<link rel="stylesheet" type="text/css" href="./resources/plugins/bootstrap-3.3.5-dist/css/bootstrap.min.css">
<script src="./resources/script/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="./resources/plugins/bootstrap-3.3.5-dist/js/bootstrap.min.js" type="text/javascript"></script>
<script src="./resources/plugins/angular-1.5.0-rc.1/angular.min.js" type="text/javascript"></script>
<style>
body {
	background: #d2d6de;
}
body>.header{
	width: 360px;
	color: #444;
	font-size: 35px;
	margin-top: 150px;
}
.login {
	width: 360px;
    background: #fff;
    margin-top: 10px;
}
.login> .header{
	padding:20px;
}
.login> .body{
	padding:10px;
}
</style>
</head>
<body>
	<div class="header center-block text-center">
		<b>mvc演示系统</b>
	</div>
	<div class="login center-block ">
		<div class="header text-center">
			 <h5>登录到用户中心</h5>
		</div>
		<div class="body">
			<form action="">
				<div class="form-group has-feedback">
					<input type="text" name="email"   class="form-control" placeholder="邮箱"/>
					<span class="glyphicon glyphicon-envelope form-control-feedback"></span>
				</div>
				<div class="form-group has-feedback">
					<input type="password" name="password" class="form-control" placeholder="邮箱" />
					<span class="glyphicon glyphicon-lock form-control-feedback"></span>
				</div>
				<div class="row">
					<div class="col-md-5 col-md-offset-1">
						<div class="checkbox">
							<label><input type="checkbox"> 记住我</label>
						</div>
					</div>
					<div class="col-md-offset-1 col-md-5">
						<input type="submit" value="登录" class="btn btn-primary btn-block btn-flat"/>
					</div>
				</div>
			</form>
			<div class="alert alert-warning alert-dismissable">
	              <button type="button" class="close" data-dismiss="alert" aria-label="Close">×</button>
	              <h4><i class="icon fa fa-warning"></i> 出错了!</h4>
	              <p id="msg-error-p">邮箱或者密码错误</p>
       		 </div>
 		</div>
		<div class="footer">
			<div class="row">
				<div class="col-md-4 col-md-offset-1">
					<a href="#">忘记密码</a>	
					<br/>		
					<a href="#">注册</a>			
				</div>
			</div>
		</div>
	</div>
</body>
</html>